<template>
	<view class="p-h24 p-v40">
		<view>
			<text class="text-700-130">共 6 条</text>
		</view>
		<view class="m-t20 p-a20 flex r-10 bg-1" v-for="i in 5" :key="i">
			<image class="square-108 r-10" src="../../../static/images/public/logo.png" mode="aspectFill"></image>
			<view class="flex-1 m-l20">
				<view class="flex">
					<text class="text-700-132">刘鑫</text>
					<text class="m-l20 text-400-326">女 | 20岁</text>
					<view class="flex-1"></view>
					<text class="text-700-532">服务员</text>
				</view>
				<view class="flex m-t16">
					<view class="w-100 h-46 flex-c r-4 download" data-url="pages/office/letter/letter" @click="goto">
						<text class="text-400-326">下载</text>
					</view>
					<view class="m-l10 w-100 h-46 r-4 flex-c bg-2">
						<text class="text-400-226">上传</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { useNavigator } from '@/hooks/use-navigator'
	
	const { goto } = useNavigator()
</script>

<style lang="scss">
	page {
		background-color: $page-color-4;
	}
</style>

<style lang="scss" scoped>
	.download {
		border: 1px solid #bbb;
	}
</style>
